<!DOCTYPE html>
<html lang="en">

<head>
    <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" />

    <link href="https://cdn.bootcdn.net/ajax/libs/layer/3.5.1/mobile/need/layer.css" rel="stylesheet" />
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        body {
            background-image: url(https://id.heytap.com/new/images/login-bg.56a249bc.png);


            overflow: hidden;

        }

        .btn-1 {
            color: #aaaaaa;
        }

        .btn-1:hover {
            color: #000;
            cursor: pointer;
        }

        .tex {
            width: 90px;
            height: 45px;
            color: azure;
            background-color: #e6e3e3;
            border-radius: 13px;
            border: 1px solid #fff;
            margin-left: 6px;
        }

        .tex:hover {
            cursor: pointer;
            background-color: #2ad181;
        }

        .btn-2 {
            width: 300px;
            height: 48px;
            background-color: rgb(192, 241, 217);
            color: #fff;
            border: 1px solid #fff;
            border-radius: 13px;
            font-size: 19px;
            margin-left: 40px;
        }

        .btn-2:hover {
            cursor: pointer;
            background-color: #2ad181;
        }
    </style>
</head>

<body>
    <div class="row">
        <div class="col-md-8"></div>
        <div id="bang" style="margin-top: 30px;font-size: 16px;color: #929292;" class="col-md-1">帮助中心</div>
        <div style="margin-top: 23px;margin-left: -50px;" class="col-md-1">
            <div class="dropdown">
                <button id="jian" style="border: 1px solid #fff;font-size: 16px;color: #929292;"
                    class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown"
                    aria-haspopup="true" aria-expanded="true">
                    简体中文
                    <span class="caret"></span>
                </button>
                <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
                    <li><a style="color: #929292;font-size: 16px" ; href="#">简体中文</a></li>
                    <li><a style="color: #929292;font-size: 16px" href="#">繁体中文</a></li>
                    <li><a style="color: #929292;font-size: 16px" href="#">English</a></li>
                </ul>
            </div>
        </div>
        <div class="col-md-2"></div>
    </div>
    <div
        style="width: 894px;background-image: url(https://id.heytap.com/new/images/login-bg.56a249bc.png);height: 661.4px;margin: 0 auto;">
        <br><br><br>
        <div style="width: 380px;height: 510.4px;background-color: #fff;margin:0px auto;position: relative;">
            <div style="position: absolute;top: 2px;right: 0;">

                <button id="btn"
                    style="border: 2px solid rgb(162, 240, 155);color: #979595;;background-color: azure;">扫码登录</button>
                <img src=""
                    alt="">
            </div><br>
            <h2 style="text-align: center;">账号登录</h2>
            <br>
            <div class="row">
                <div class="col-md-2"> </div>
                <h4 class="col-md-5">短信验证码登录&nbsp;&nbsp;|</h4>
                <h4 class="btn-1" class="col-md-3">密码登录</h4>
                <div class="col-md-2"></div>
            </div>
            <br>
            <input id="tex-1" style="width: 300px;
            height: 45px;
            background-color: rgb(247, 247, 247);
           
         margin-left: 40px;
         border: 1px solid #fff;
         border-radius: 13px;" type="text" placeholder="请输入手机号码">
            <br>
            <br>
            <input id="tex-m" style="width: 201px;height: 45px; background-color:  rgb(247, 247, 247);
            margin-left: 40px;
         border: 1px solid #fff;
         border-radius: 13px;" type="password" placeholder="请输入密码">
            <input class="tex" type="button" value="获取验证码">
            <br><br><br>
            <input class="btn-2" type="button" value="登录">
            <h5 style="position: absolute;left: 40px;">隐私政策</h5>
            <h5 style="position: absolute; right: 40px; "><a style="color: rgb(117, 223, 117);" href="注册.html">注册账号</a>
            </h5>
            <br><br><br>
            <h5 style="position: absolute;left: 40px;
           
           color: rgb(199, 198, 198);">------------------------其他登录方式----------------------</h5>
            <br>
            <img style="width: 28px;
            height: 28px;margin: 20px 180px;" src="../img/qq.png" alt="">

        </div>
        <br> <br>
        <h5 style="margin-left: 30%;
        color: rgb(192, 194, 192);">© 2005 - 2021 广东欢太 版权所有 粤ICP备 14056724 号-2</h5>
    </div>
    <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.3.5/js/bootstrap.js"></script>

    <script src="https://cdn.bootcdn.net/ajax/libs/layer/3.5.1/layer.js"></script>
    <script src="../js/登录.js"></script>
</body>

</html>